<!DOCTYPE html>
<html class='no-js' lang='en'>
  <head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
    <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
    <title>接收机状态</title>
    <link href="../bootstrap/bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="Resource/fonts/css/font-awesome.min.css" rel="stylesheet" type="text/css" />

    <link href="Resource/stylesheets/receiver_status.css" rel="stylesheet" type="text/css" />
    <link href="Resource/stylesheets/main.css" rel="stylesheet" type="text/css" />
    <link href="Resource/stylesheets/hover.min.css" rel="stylesheet" media="all">
    <link href="Resource/images/icon_i80.png" rel="icon" type="image/ico" />
    <script src="Resource/javascripts/echarts.min.js" type="text/javascript"></script>
    <script src="Resource/javascripts/world.js" type="text/javascript"></script>
    <script src="Resource/javascripts/china.js" type="text/javascript"></script>
  </head>
  <body class="main">
    <div class="container-fluid">
      <div class="row show-grid">
        <div class="col-md-3" id="nav_logo">
          <a class='navbar hvr-grow' href='#'>
            <i class="fa fa-navicon fa-1x"></i>
            振兴中华 测绘天下
          </a>
        </div>
        <div class="col-md-3 col-md-offset-6" id="nav_option">
          <div class="btn-group">
            <div class="btn-group">
              <button type="button" class="btn btn-danger dropdown-toggle hvr-grow" data-toggle="dropdown">
                <i class="fa fa-power-off"></i>
                电源
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu navbar-dropdown" role="menu">
                <li><a href="#">重启</a></li>
                <li><a href="#">关机</a></li>
                <li class="divider"></li>
                <li><a href="#">固件升级</a></li>
              </ul>
            </div>
            <div class="btn-group">
              <button type="button" class="btn btn-info dropdown-toggle hvr-grow" data-toggle="dropdown">
                <i class="fa fa-file"></i>
                主题
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu navbar-dropdown" role="menu">
                <li><a href="#">bootswatch-Cerulean</a></li>
                <li><a href="#">bootswatch-Cosmo</a></li>
                <li><a href="#">bootswatch-Darkly</a></li>
              </ul>
            </div>
            <button type="button" class="btn btn-info dropdown-toggle hvr-grow" id="nav_option_settting">
              <i class="fa fa-gear"></i>
              设置
            </button>
            <div class="btn-group">
              <button type="button" class="btn btn-info dropdown-toggle hvr-grow" data-toggle="dropdown">
                <i class="fa fa-globe"></i>
                语言
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu navbar-dropdown" role="menu">
                <li><a href="#">中文</a></li>
                <li><a href="#">English</a></li>
                <li><a href="#">русский</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="row show-grid">
        <div class="col-xs-1" id="sidebar" >
          <ul id='dock'>
            <li class='active launcher hvr-grow'>
              <i class='fa fa-dashboard'></i>
              <a href="#">接收机状态</a>
            </li>
            <li class='launcher hvr-grow '>
              <i class='fa fa-file-text'></i>
              <a href="satellite.html">卫星</a>
            </li>
            <li class='launcher hvr-grow  '>
              <i class='fa fa-table'></i>
              <a href="tables.html">接收机设置</a>
            </li>
            <li class='launcher hvr-grow '>
              <i class='fa fa-bookmark'></i>
              <a href='#'>数据管理</a>
            </li>
            <li class='launcher hvr-grow '>
              <i class='fa fa-cloud'></i>
              <a href='#'>I/O接口设置</a>
            </li>
            <li class='launcher hvr-grow '>
              <i class='fa fa-cloud'></i>
              <a href='#'>wifi设置</a>
            </li>
            <li class='launcher hvr-grow '>
              <i class='fa fa-bug'></i>
              <a href='#'>3G设置</a>
            </li>
            <li class='launcher hvr-grow '>
              <i class='fa fa-bug'></i>
              <a href='#'>网络服务</a>
            </li>
            <li class='launcher hvr-grow '>
              <i class='fa fa-bug'></i>
              <a href='#'>固件</a>
            </li>
            <li class='launcher hvr-grow '>
              <i class='fa fa-bug'></i>
              <a href='#'>固件</a>
            </li>
          </ul>
        </div>
        <div class="col-xs-11" id="content">
          
          <div class="row">
            <div class="col-xs-12" id="content_status">
              <input id="tab_status" type="radio" name="tabs" checked>
              <label class="hvr-float-shadow" for="tab_status">
                <a class="fa fa-user fa-inverse"></a>
                接收机状态
              </label>
              <input id="tab_position" type="radio" name="tabs">
              <label class="hvr-float-shadow" for="tab_position">
                <a class="fa fa-map-marker fa-inverse"></a>
                地图
              </label>
              <input id="tab_satellite_map" type="radio" name="tabs">
              <!-- <label class="hvr-float-shadow" for="tab_satellite_map">
                <a class="fa fa-compass fa-inverse"></a>
                星空图
              </label> -->
              <input id="tab_satellite_track" type="radio" name="tabs">
              <label class="hvr-float-shadow" for="tab_satellite_track">
                <a class="fa fa-dashboard fa-inverse"></a>
                卫星跟踪图
              </label>
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12" id="content_section">
              <section id="tab_content_status">
                <div class="row">
                  <div class="col-sm-3 status-position">
                    <ul class="list-group">
                      <li class="list-group-item">
                        <i class="fa fa-map-marker"></i>
                        位置
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lon">
                          <div class="col-sm-3">经度</div>
                          <div class="col-sm-9">31.999(北纬)</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lat">
                          <div class="col-sm-3">纬度</div>
                          <div class="col-sm-9">121.17(东经)</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_hight">
                          <div class="col-sm-3">高度</div>
                          <div class="col-sm-9">31.754(m)</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_status">
                          <div class="col-sm-3">解算状态</div>
                          <div class="col-sm-9">单点</div>
                        </div>
                      </li>
                    </ul>
                    <ul class="list-group">
                      <li class="list-group-item">
                        <i class="fa fa-clock-o"></i>
                        时钟
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lon">
                          <div class="col-sm-3">周</div>
                          <div class="col-sm-9">1913</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lat">
                          <div class="col-sm-3">秒</div>
                          <div class="col-sm-9">356765</div>
                        </div>
                      </li>
                  </div>
                  <div class="col-sm-3 status-sate">
                    <div class=" hvr-bob status-sate-used ">
                      <span>使用的卫星</span><br>
                      <strong>32</strong>
                      <span>颗</span>
                    </div>
                    <div class="hvr-bob status-sate-track">
                      <span>跟踪的卫星</span><br>
                      <strong>34</strong>
                      <span>颗</span>
                    </div>
                    <div class="hvr-bob status-dop">
                      <strong>DOP</strong>
                      <span>值</span>
                    </div>
                    
                  </div>
                  <div class="col-sm-3 status-sate-used-detail">
                    <ul class="list-group">
                      <li class="list-group-item">
                        使用的卫星：32颗
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lon">
                          <div class="col-sm-3">GPS</div>
                          <div class="col-sm-9">1,3,5,7,8,11,17,19,22,28,30</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lat">
                          <div class="col-sm-3">GLONASS</div>
                          <div class="col-sm-9">1,7,8,13,14,23,24,17</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_hight">
                          <div class="col-sm-3">BDS</div>
                          <div class="col-sm-9">1,2,3,4,7,8,12,10,15</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_status">
                          <div class="col-sm-3">GALILEO</div>
                          <div class="col-sm-9">11,12,19,24</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_status">
                          <div class="col-sm-3">SBAS</div>
                          <div class="col-sm-9"></div>
                        </div>
                      </li>
                    </ul>
                  </div>
                  <div class="col-sm-3 status-sate-track-detail">
                  <ul class="list-group">
                      <li class="list-group-item">
                        跟踪的卫星：34颗
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lon">
                          <div class="col-sm-3">GPS</div>
                          <div class="col-sm-9">1,3,5,7,8,11,17,19,22,28,30</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lat">
                          <div class="col-sm-3">GLONASS</div>
                          <div class="col-sm-9">1,7,8,13,14,23,24,17</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_hight">
                          <div class="col-sm-3">BDS</div>
                          <div class="col-sm-9">1,2,3,4,7,8,12,10,15</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_status">
                          <div class="col-sm-3">GALILEO</div>
                          <div class="col-sm-9">11,12,19,24</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_status">
                          <div class="col-sm-3">SBAS</div>
                          <div class="col-sm-9"></div>
                        </div>
                      </li>
                    </ul>
                  </div>
                  <div class="col-sm-3 status-dop-detail">
                    <ul class="list-group">
                      <li class="list-group-item">
                        DOP值
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lon">
                          <div class="col-sm-3">PDOP</div>
                          <div class="col-sm-9">0.0542345</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_lat">
                          <div class="col-sm-3">HDOP</div>
                          <div class="col-sm-9">1.0542345</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_hight">
                          <div class="col-sm-3">VDOP</div>
                          <div class="col-sm-9">1.0542345</div>
                        </div>
                      </li>
                      <li class="list-group-item">
                        <div class="row" id="setting_status">
                          <div class="col-sm-3">TDOP</div>
                          <div class="col-sm-9">1.0542345</div>
                        </div>
                      </li>
                    </ul>
                  </div>

                  <div class="col-sm-3 status-map">
                    <div id="canvas_satellite_map"></div>
                  </div>

                  <div class="col-sm-3 col-sm-offset-2 status-storage">
                    <div id="canvas_storage"></div>
                  </div>
                  <!--  -->
                </div>
              </section>
              <section id="tab_content_position">
                <div id="canvas_position"></div>
              </section>
              <section id="tab_content_map">
                
              </section>
              <section id="tab_content_track">
                 <div class="btn-group">
                  <button type="button" class="btn btn-success hvr-grow" id="sate_hidden_gps" value="G">GPS(G)</button>
                  <button type="button" class="btn btn-success hvr-grow" id="sate_hidden_glo" value="R">GLONASS(R)</button>
                  <button type="button" class="btn btn-success hvr-grow" id="sate_hidden_bds" value="C">BDS(C)</button>
                  <button type="button" class="btn btn-success hvr-grow" id="sate_hidden_geo" value="E">GALLIEO(E)</button>
                  <button type="button" class="btn btn-success hvr-grow" id="sate_hidden_sbas" value="S">SBAS(S)</button>
                </div>
                <div id="canvas_satellite_track"></div>
              </section>
            </div>
          </div>
        </div>
        </div>
        </div>
        </div>
      </div>
    </div>
    <!-- Footer -->
    <!-- Javascripts -->
    <script src="../bootstrap/bootstrap-3.3.5-dist/js/jquery.min.js" type="text/javascript"></script>
    <script src="../bootstrap/bootstrap-3.3.5-dist/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="Resource/javascripts/receiver_status.js" type="text/javascript"></script>
    <!-- Google Analytics -->
  </body>
</html>
